﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>F.draw演示</title>
<style type="text/css">
*{margin:0; padding:0}
html,body{width:100%; height:100%;}
.box{width:1000px; height:500px; background-color:#000000;}
</style>
<script type="text/javascript" src="1st.js"></script>
</head>
<body>
<?import namespace="v" urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />

<div id="canvasbox" class="box"></div>

<script type="text/javascript">
var drawer = F.canvas("canvasbox").ops("#ffffff","#ff00ff",2);
var line = drawer.copy().range(0,0,1000,500).line(250,60,500,400).line(750,60,500,400).line(250,60,750,60);
var circle = drawer.copy().range(210,20,80,80).circle().fill();
var rect = drawer.copy().range(400,350,200,100).rect().stroke();
var polygon = drawer.copy().range(705,25,90,70).polygon(0,0, 90,0, 75,70, 15,70).stroke().fill();
</script>
</body>
</html>